<!doctype html>
<html>
    <head>
        <title>CDCSOURCE Photo App</title>
        <meta charset="UTF-8">
        <link href="css/base.css" rel="stylesheet" type="text/css">
        <link href="css/album.css" rel="stylesheet" type="text/css">
        <link href="css/slide.css" rel="stylesheet" type="text/css">
        <link href="css/layer_frame.css" rel="stylesheet" type="text/css">
        <link href="css/layer_mini_info.css" rel="stylesheet" type="text/css">
        <!--
        <script src="js/theia.js"></script>
        <script src="js/jquery.js"></script>
        <script src="js/mustache.js"></script>
        <script src="js/backbone.js"></script>
        -->
    </head>
    <body style="background-color:#333;">
    	<div class="slide_title lk2">
			<div class="top_center">
				<a href="javascript:void(0);" class="album current">相册</a>
				<a href="javascript:void(0);" class="all">全部</a>
			</div>
			<div class="txt_center" style="display:none;">
				<span class="slide_title_r">
					<a href="javascript:void(0);" class="slide_icon3 slide_icon3_01"> </a>
                </span>
				<span class="album_title">相册名称</span>
			</div>
		</div>
        <div id="J_InitWrap" class="album"><ul></ul></div>
		 <script id="T_slide_layout" type="text/template">
            <div class="slide" id="J_Slide">
                <div class="slide_title lk2">
                    <span class="slide_title_r">
                        <a class="slide_icon3 slide_icon3_01" href="#" id="J_Slide_closed">
                            <img title="关闭" src="http://img.wcdn.cn/t3/style/images/common/transparent.gif">
                        </a>
                    </span>
                    <span class="slide_title_l">{{&page}}</span>
                    <a href="javascript:void(0);" style="text-decoration:none;">{{name}}</a>
                </div>
                <div class="slide_infobtnl">
                    <a class="slide_icon2 slide_icon2_01" href="#" id="J_Slide_left" title="向左翻">
                        <img title="向左翻" src="http://img.wcdn.cn/t3/style/images/common/transparent.gif">
                    </a>
                </div>
                <div class="slide_infobtnr">
                    <a class="slide_icon2 slide_icon2_02" href="#" id="J_Slide_right" title="向右翻">
                        <img title="向右翻" src="http://img.wcdn.cn/t3/style/images/common/transparent.gif">
                    </a>
                </div>
                <div class="slide_info">
                    <img src="images/loading.gif" style="{{loadingtop}}" id="J_Slide_loading" class="slide_info_img">
                    <img class="slide_info_img" src="{{bigpic}}" style="visibility:hidden;" id="J_Slide_BigImg">
                </div>
                <div class="slide_tip_b"></div>
                <div class="slide_btnopen">
                    <div class="slide_btn">
                        <div class="slide_btnup" style="display:none;">
                            <a class="slide_icon slide_icon_02" href="#" id="J_Slide_up" title="收起"></a>
                        </div>
                        <div class="slide_btndown">
                            <a class="slide_icon slide_icon_03" href="#" id="J_Slide_down" title="关闭"></a>
                        </div>
                        <div class="slide_btnouter">
                            <div class="slide_btncenter">
                                <div class="slide_btninfol">
                                    <a class="slide_icon3 slide_icon3_04" href="#" id="J_Slide_Zoom" title="放大"></a>
                                    <a class="slide_icon3 slide_icon3_05" href="#" id="J_Slide_Narrow" title="缩小"></a>
                                    <a class="slide_icon slide_icon_04" href="#" id="J_Slide_turn_right" title="右转"></a>
                                    <a class="slide_icon slide_icon_05" href="#" id="J_Slide_turn_left" title="左转"></a>
                                </div>
                                <div class="slide_btninfo">
                                    <img class="slide_icon slide_icon_08" title="向前翻" src="http://img.wcdn.cn/t3/style/images/common/transparent.gif" id="J_Slide_left_m">
                                    <img class="slide_icon slide_icon_17" title="播放" src="http://img.wcdn.cn/t3/style/images/common/transparent.gif" id="J_Slide_Contrl">
                                    <img class="slide_icon slide_icon_14" title="向后翻" src="http://img.wcdn.cn/t3/style/images/common/transparent.gif" id="J_Slide_right_m">
                                </div>
                                <div class="slide_btninfor">
                                    <a class="slide_icon slide_icon_07" href="#" id="J_Slide_fire_info" title="详情"></a>
                                    <a class="slide_icon3 slide_icon3_03" href="#" id="J_Slide_reset" title="最佳尺寸"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slide_list">
                        <div class="slide_listl">
                            <a class="slide_icon slide_icon_18" href="#" id="J_Slide_list_left" title="向前"></a>
                        </div>
                        <div class="slide_listi">
                            <ul id="J_Slide_list" style="width:{{ulwidth}}px;left:{{left}}px;">
                            {{#detail}} 
                                <li class="{{cls}}">
                                <a class="J_Slide_hit" href="#" data-key="{{key}}" data-desc="{{desc}}" data-author="{{author}}" data-head="{{head}}"><img src="images/loading.gif" data-original="{{smallpic}}"></a>
                                </li>
                            {{/detail}} 
                        </ul>
                        </div>
                        <div class="slide_listr">
                            <a class="slide_icon slide_icon_21" href="#" id="J_Slide_list_right" title="向后"></a>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </script>
        <script id="T_slide_tip" type="text/template">
            <div class="slide_tip" id="J_Slide_tip" style="{{style}}">
                        <div class="slide_tipinfo">
                            <div class="slide_tipinfobtn">
                                <a href="#" class="slide_icon slide_icon_24" id="J_Slide_tip_close"></a>
                            </div>
                            <div class="slide_tipinfop">
                                <img width="50" height="50" src="{{head}}">
                            </div>
                            <div class="slide_tipinfot">
                                <p>{{desc}}</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
        </script>
        <!--
        <script src="js/module/model.js"></script>
        <script src="js/module/collection.js"></script>
		<script src="js/module/album.js"></script>
		<script src="js/module/lazyload.js"></script>
		<script src="js/module/photoList.js"></script>
        <script src="js/module/slide.js"></script>
		<script src="js/module/photoApp.js"></script>
        <script src="js/module/init.js"></script>
        -->
        <script src="js/Photo_all_min.js"></script>
    </body>
</html>
